<template>
  <aside class="right-side">
    <login-welcome />

    <!--今日赠言-->
    <tip-card />

    <!--资源推介-->
    <PromotionCard />
  </aside>
</template>

<script>
import TipCard from '@/views/card/Tip'
import PromotionCard from '@/views/card/Promotion'
import LoginWelcome from '@/views/card/LoginWelcome'
export default {
  name: "CardBar",
  components: { LoginWelcome, PromotionCard, TipCard }
}
</script>

<style scoped>
.right-side{
  flex: 1;
  margin-left: 2vw;
}

@media (max-width: 768px) {
  /*.wrapper .header{*/
  /*  width: 100%;*/
  /*}*/
  /*.container {*/
  /*  width: 100%;*/
  /*  display: block;*/
  /*  margin: auto;*/
  /*  margin-top: 64px;*/
  /*}*/
  /*.topic-section{*/
  /*  background-color: #fff;*/
  /*  width: 100%;*/
  /*}*/
  .right-side{
    margin-top: 5%;
    width: 100%;
  }
}
</style>
